.lp{
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.marginT5rem{
	margin-top:5rem;
}
#pg1{
	background:url('../images/load-bg.png')no-repeat;
	background-size: 100% 100%;
}
.load-mian-meat{
	flex-direction: column;
}

.load-y1{
	left:8rem;
	top: 0rem;
	animation:yangwu2 2s linear infinite;
	
}
.load-y2{
	
	top: -10rem;
	animation:yangwu1 2s linear infinite;
	
}

.load-y3{
	right:8rem;
	top: 0rem;
	animation:yangwu3 2s linear infinite;
	
}
.load-txt{
	font-size:5rem;
	margin-left:1rem:
	color:#833925;
}

@keyframes yangwu1{
	0%{
		opacity:1;
		transform:translate3d(0,0rem,0) scale(1);
	}
	100%{
		opacity:1;
		transform:translate3d(0,-15rem,0) scale(0);
	}
}
@keyframes yangwu2{
	0%{
		opacity:1;
		transform:translate3d(0,0rem,0) scale(0);
	}
	25%{
		opacity:1;
		transform:translate3d(0,0rem,0) scale(1);
	}
	100%{
		opacity:1;
		transform:translate3d(0,-15rem,0) scale(0);
	}
}
@keyframes yangwu3{
	0%{
		opacity:1;
		transform:translate3d(0,0rem,0) scale(0);
	}
	25%{
		opacity:1;
		transform:translate3d(0,0rem,0) scale(0);
	}
	50%{
		opacity:1;
		transform:translate3d(0,0rem,0) scale(1);
	}
	100%{
		opacity:1;
		transform:translate3d(0,-15rem,0) scale(0);
	}
}

/* p2 */

#pg2{
	overflow:hidden;

}

.p1-out{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    z-index: 10;
}

.p1-txt{
	left: -25%;
}
.p1-inner{
	
	background:url('../images/p1-bg.png')no-repeat;
	background-size: 100% 100%;
    justify-content: end;
}
.innermain{
	z-index:10;
	animation:rotetes 10s linear infinite;
	right: -15rem;
}
.bajiao{
	top: 74rem;
    left: 82rem;
    animation:rotetes 5s linear infinite;
}
.bintan{
	top: 84rem;
    left: 36rem;
    animation:rotetes 5s linear infinite;
}
.chonjiang{
	top: 65rem;
    left: 7rem;
	animation:rotetes 5s linear infinite;
}
.huangjiu{
	top: 35rem;
    left: 27rem;
    animation:rotetes 5s linear infinite;
}
.zhurou{
	top: 25rem;
    left: 72rem;
    animation:rotetes 5s linear infinite;
}
.meat{
    top: 48rem;
    right: -20rem;
}

@keyframes rotetes{
	to{
		
		transform:rotate(360deg);
	}
}
@keyframes reverseRotates{
	to{
		
		transform:rotate3d(0,1,0,-360deg);
	}	
}


/*/   /*/
.top{
	position:fixed;
	z-index:100;
	top: 0;
	left: 0;
}
.rows{
	width: 100%;
	height:30%;
	text-align: center;
	bottom: 0;
	align-items: flex-end;
}
.rowsinner{
	margin-bottom:5rem;
}